
<style>
hover{
color: rgb(102, 102, 102); box-shadow: rgba(35, 25, 25, 0.496094) 0px 1px 5px; -webkit-box-shadow: rgba(35, 25, 25, 0.496094) 0px 1px 5px; 
}

  .backToTop {
    display: none;
    width: 18px;
    line-height: 1.2;
    padding: 5px 0;
    background-color: #000;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 10px;
    bottom: 100px;
    _bottom: "auto";
    cursor: pointer;
    opacity: .6;
    filter: Alpha(opacity=60);
  }
  
</style>
  
<section id="content">

<div id="container" class="transitions-enabled clearfix">
  <div class="tag-book corner-stamp">
    
    <div class="sub-tag">
      <div class="sub-tag-list J_CardExit1 J_CurDiv" style="position:inherit">
        <ul class="clearfix">
          <li>
            <a href="/xihuan/gallery/美容美体/tag/洗手液">沙发</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/手部去角质">床</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/眼唇卸妆液">双人床</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/指甲修护">地板</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/美甲工具">电器</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/手膜">冰箱</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/指甲营养油">洗衣机</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/橄榄油">彩电</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/手部美白">空调</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/指甲油">双人沙发</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/卸妆液">组合沙发</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/指甲贴片">椅子</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/化妆棉">木头椅</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/手部保湿">靠椅</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/美甲饰品">瓷砖</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/洁面乳">油烟机</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/快干亮油">整体橱柜</a>
          </li>
          <li class="on">
            <a href="/xihuan/gallery/美容美体/tag/手工皂">手工皂</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/眼部精华">眼部精华</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/睫毛膏">睫毛膏</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/润唇膏">润唇膏</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/唇部去角质">唇部去角质</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/眼影">眼影</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/去黑头">去黑头</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/眼唇卸妆">眼唇卸妆</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/口红">口红</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/眼膜">眼膜</a>
          </li>
          <li>
            <a href="/xihuan/gallery/美容美体/tag/唇蜜">唇蜜</a>
          </li>
        </ul>
      </div>
    </div>
  </div>
  
<?php if($facilities){
  foreach ($facilities as $f)
  { ?>

  <div class=" col1 goods" id="<?php echo $f->id?>">
    <div class="goods-pic" style="height:213px">
      <a href="" title="<?php echo $f->name?>" target="_blank"> <img src="<?php echo $f->thumbPath?>" title="<?php echo $f->name?>" alt="<?php echo $f->name?>" height="213px"> </a>
      <a class="ilike-m" href="javascript:void(0);" data-type="0" data-proid="1138079" style="display: block; ">喜欢</a>
    </div>
    <div class="goods-stat clearfix">
      <span class="like-num">使用: <em class="like-count">1 </em></span>
      <span class="fr ml5">评论: 9</span>
    </div>
    <ul class="comments">
      
      <li class="bdesc" id="<?php echo $f->id.'bdesc'?>">
        <?php echo  $f->description?>
      </li>
      
    </ul>
  </div>
 
<?php }}?>



  
  
  

</div> <!-- #container -->

<script>
    $( function() {

        var $container = $('#container');

        $container.imagesLoaded( function() {
            $container.masonry({
                itemSelector: '.goods',
                columnWidth: 80,
                cornerStampSelector: '.corner-stamp',
                isAnimated: true
                //isFitWidth: true,
                //isAnimated: !Modernizr.csstransitions
            });
        });
      
      $(window).scroll(function() {
      if($(this).scrollTop() > $(".m-head").height()) {
        $(".m-head").hide();
        $(".m-nav").addClass('fixed');
      } else {
        $(".m-head").show();
        $(".m-nav").removeClass('fixed');
      }
      });
     
      
    var $backToTopTxt = "返回顶部";
    var $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
        .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
            $("html,body").animate({ height: 300,scrollTop:100}, 120);
    });
    var $backToTopFun = function() {
        var st = $(document).scrollTop(), winh = $(window).height();
        (st > 100)? $backToTopEle.show(): $backToTopEle.hide();
    };
    $(window).bind("scroll", $backToTopFun);
     
    });
</script>
  </section> <!-- #content -->